<!DOCTYPE html>
<html class="x-admin-sm">

	<head>
		<meta charset="UTF-8">
		<title>谷科综合业务平台</title>
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8" />
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="stylesheet" href="../css/font.css">
		<link rel="stylesheet" href="../css/xadmin.css">
	</head>

	<body>
		<div class="layui-fluid">
			<div class="layui-row layui-col-space15">

				<div class="layui-col-md12">

					<div class="layui-card">
						<div class="layui-card-body ">
							<div class="layui-collapse" lay-filter="test">
								<div class="layui-colla-item">
									<h2 class="layui-colla-title">条件筛选<i class="layui-icon layui-colla-icon"></i></h2>
									<div class="layui-colla-content layui-show">
										<form class="layui-form" lay-filter="seach_form">
											<div class="layui-form-item">
												<div class="layui-inline">
													<label class="layui-form-label">角色名</label>
													<div class="layui-input-inline" style="width: 100px;">
														<input type="text" name="name" autocomplete="off" class="layui-input">
													</div>
												</div>
												<div class="layui-inline">
													<label class="layui-form-label">角色类型</label>
													<div class="layui-input-inline" style="width: 100px;">
														<input type="text" name="type" autocomplete="off" class="layui-input">
													</div>
												</div>
											</div>
											<div class="layui-form-item">
												<div class="layui-input-block">
													<button id="seach_submit" lay-submit class="layui-btn" lay-filter="seach_submit">查询</button>
													<button type="reset" class="layui-btn layui-btn-primary">重置</button>
												</div>
											</div>
										</form>
									</div>
								</div>
							</div>
						</div>
						<!-- <div class="layui-card-header">
							<button id="queryMenu" class="layui-btn layui-btn-danger">
								<i class="layui-icon"></i>批量删除</button>
							<button id="add_role" class="layui-btn">新增</button>
						</div> -->
						<div class="layui-card-body">
							<table id="menu_table" class="layui-table" lay-filter='menu_table'"></table>
                            <script type="text/html" id="toolbarDemo">
								<div class="layui-btn-container">
									<button class="layui-btn layui-btn-sm" lay-event="add">新增</button>
								</div>
							</script>
							<script type="text/html" id="barDemo">
								{{# 
									var loginUser = $.fn.commUtil.getLoginUser();
									var roleId = loginUser.roleId;
									if(d.id != roleId){
								}}
								<a class="layui-btn layui-btn-xs layui-bg-blue" lay-event="power">授权</a>
								<a class="layui-btn layui-btn-xs" lay-event="detail">查看</a>
								<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
								<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
								{{# } else { }}
								<a class="layui-btn layui-btn-xs layui-bg-blue layui-btn-disabled" lay-event="power">授权</a>
								<a class="layui-btn layui-btn-xs" lay-event="detail">查看</a>
								<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
								<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
								{{# } }}
							</script>
							<div id="menu_page"></div>
						</div>
					</div>
				</div>
			</div>
		</div>		
	</body>

	<form id="addMsg" class="layui-row" style="display: none;">
		<div class="layui-form layui-col-md-offset2 goodcol-model-form">
			<div class="layui-form-item">
				<label for="name" class="layui-form-label">
					<span class="x-red">*</span>角色名
				</label>
				<div class="layui-input-inline">
					<input type="text" id="name" name="name" required="" lay-verify="required" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label for="type" class="layui-form-label">
					<span class="x-red">*</span>角色类型
				</label>
				<div class="layui-input-inline">
					<input type="text" id="type" name="type" required="" lay-verify="name" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label for="remark" class="layui-form-label">
					备注
				</label>
				<div class="layui-input-inline">
					<input type="text" id="remark" name="remark" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item goodcol-model-fun">
				<div class="layui-input-block">
				  <button type="submit" class="layui-btn" lay-submit="" lay-filter="addSub">立即提交</button>
				  <span></span>
				  <button type="reset" class="layui-btn layui-btn-primary">重置</button>
				</div>
			  </div>
		</div>
	</form>

	<form id="editMsg" class="layui-row" style="display: none;">
		<div class="layui-form layui-col-md-offset2 goodcol-model-form" lay-filter="edit">
			<div class="layui-form-item" style="display: none;">
				<label for="id" class="layui-form-label">
					id
				</label>
				<div class="layui-input-inline">
					<input type="text" id="id" name="id" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label for="name" class="layui-form-label">
					<span class="x-red">*</span>角色名
				</label>
				<div class="layui-input-inline">
					<input type="text" id="name" name="name" required="" lay-verify="name" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label for="type" class="layui-form-label">
					<span class="x-red">*</span>角色类型
				</label>
				<div class="layui-input-inline">
					<input type="text" id="type" name="type" required="" lay-verify="name" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label for="remark" class="layui-form-label">
					备注
				</label>
				<div class="layui-input-inline">
					<input type="text" id="remark" name="remark" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item goodcol-model-fun">
				<div class="layui-input-block">
				  <button type="submit" class="layui-btn" lay-submit="" lay-filter="editSub">立即提交</button>
				  <span></span>
				  <button type="reset" class="layui-btn layui-btn-primary">重置</button>
				</div>
			</div>
		</div>
	</form>

	<form id="detailMsg" class="layui-row" style="display: none;">
		<div class="layui-form layui-col-md-offset2 goodcol-model-form" lay-filter="detail">
			<div class="layui-form-item">
				<label for="name" class="layui-form-label">
					<span class="x-red">*</span>角色名
				</label>
				<div class="layui-input-inline">
					<input type="text" id="name" name="name" required="" disabled="" lay-verify="name" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label for="type" class="layui-form-label">
					<span class="x-red">*</span>角色类型
				</label>
				<div class="layui-input-inline">
					<input type="text" id="type" name="type" required="" disabled="" lay-verify="name" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label for="createUser" class="layui-form-label">
					<span class="x-red">*</span>创建人
				</label>
				<div class="layui-input-inline">
					<input type="text" id="createUser" name="createUser" required="" disabled="" lay-verify="required" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label for="createDate" class="layui-form-label">
					<span class="x-red">*</span>创建时间
				</label>
				<div class="layui-input-inline">
					<input type="type" name="createDate" id="createDate" disabled="" lay-verify="date" placeholder="yyyy-MM-dd HH:mm:ss" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label for="remark" class="layui-form-label">
					<span class="x-red">*</span>备注
				</label>
				<div class="layui-input-inline">
					<input type="text" id="remark" name="remark" required="" disabled="" lay-verify="required" autocomplete="off" class="layui-input">
				</div>
			</div>
		</div>
	</form>

	<form id="powerMsg" class="layui-row" style="display: none;">
		<div class="layui-form layui-col-md-offset2 goodcol-model-form" lay-filter="power">
			<div class="layui-form-item">
				<label for="power" class="layui-form-label">
					<span class="x-red">*</span>角色权限
				</label>
				<div class="layui-input-inline">
					<div id="tree"></div>
				</div>
			</div>
			<div class="layui-form-item goodcol-model-fun">
				<div class="layui-input-block">
				  <button type="submit" class="layui-btn" lay-submit="" lay-filter="treeSub">立即提交</button>
				  <span></span>
				  <button id="treeReset" type="reset" class="layui-btn layui-btn-primary">重置</button>
				</div>
			</div>
		</div>
	</form>

	<script src="../lib/jQuery/jquery-3.2.1.min.js" type="text/javascript"></script>
	<script src="../lib/layui/layui.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/xadmin.js" type="text/javascript"></script>
	<script src="../js/comm.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/role.js" type="text/javascript" charset="utf-8"></script>

</html>
